
.node.filtered {
    fill-opacity: 0.3;
    stroke-opacity: 0.3;
}

.structNode.filtered {
    fill-opacity: 0.3;
    stroke-opacity: 0.3;
}

text.filtered {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.link.filtered {
    stroke: #ddd;
    fill-opacity: 0.1;
    stroke-opacity: 0.1;
}

.link.dependency {
    stroke: #900;
    fill: #900;
    pointer-events: none;
}

.link.dependants {
    stroke: #090;
    fill: #090;
    pointer-events: none;
}

.node.skipped {
    fill-opacity: 0.0;
    stroke-opacity: 0.0;
}

text.skipped {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.structNode.skipped {
    fill-opacity: 0.0;
    stroke-opacity: 0.0;
}


.link.skipped {
    stroke: #ddd;
    fill-opacity: 0.0;
    stroke-opacity: 0.0;
}

.node {
    stroke: #000;
    stroke-width: 0.5px;
}

.structNode {
    stroke: #000;
    stroke-width: 0.5px;
}

.link {
    stroke: #999;
    stroke-opacity: .6;
    fill: none;
    stroke-width: 1.5px;
    pointer-events: none;
}

.marker#default {
    stroke: #999;
    fill: #999;
    pointer-events: none;
}

.marker#dependency {
    stroke: #900;
    fill: #900;
    pointer-events: none;
}

.marker#dependants {
    stroke: #090;
    fill: #090;
    pointer-events: none;
}

body {
    margin: 0px;
    padding: 0px;
}

html {
    overflow: hidden;
}

text {
    stroke: #000;
    stroke-width: 0.5px;
    text-anchor: middle;
    font: 10px sans-serif;
    font-weight: normal;
    font-style: normal;
    pointer-events: none;
}

svg text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

svg text::selection {
    background: none;
}

form {
    position: absolute;
    right: 10px;
    top: 60px;
}

#simple-menu {
    position: absolute;
    right: 10px;
    top: 10px;

}

.editor-button {
    background: #000000;
    background-image: -webkit-linear-gradient(top, #000000, #6a7175);
    background-image: -moz-linear-gradient(top, #000000, #6a7175);
    background-image: -ms-linear-gradient(top, #000000, #6a7175);
    background-image: -o-linear-gradient(top, #000000, #6a7175);
    background-image: linear-gradient(to bottom, #000000, #6a7175);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    text-shadow: 2px 1px 5px #000000;
    font-family: Menlo;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;

}

.editor-button:hover {
    background: #545f66;
    background-image: -webkit-linear-gradient(top, #545f66, #111112);
    background-image: -moz-linear-gradient(top, #545f66, #111112);
    background-image: -ms-linear-gradient(top, #545f66, #111112);
    background-image: -o-linear-gradient(top, #545f66, #111112);
    background-image: linear-gradient(to bottom, #545f66, #111112);
    text-decoration: none;
}
